<script setup lang="ts">

const props = defineProps<{ tag: string}>()

</script>

<template>
    <!-- FIXME: 标签颜色修改  党建9.10-->
    <div class="tag" :class="tag == 'Vue.js' ? 'vueGreen' : 'tsPurple'">{{ props.tag }}</div>
</template>

<style scoped>
.tag {
    color: white;
    background-color: gray;
    display: inline-block;
    border-radius: 5px;
    padding: 2px 8px;
    margin: 4px;
}
.vueGreen {
    background-color: green;
}
.tsPurple {
    background-color: purple;
}
</style>